﻿.gr-button
{
    border-radius: 2px; 
}
.gr-tab
{
    border-radius:3px;   
}
.gr-tabs-position-right .gr-tab
{
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;     
}

.gr-tabs-position-left .gr-tab
{
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;     
}
.gr-tabs-position-bottom .gr-tab
{
    border-top-right-radius:0px;
    border-top-left-radius:0px;     
}
.gr-tabs-position-top .gr-tab
{
    border-bottom-right-radius:0px;
    border-bottom-left-radius:0px; 
}


/*----------------------------------- bgcss ----------------------------------*/
.bg-toolbar
{
    background:#f0f0f0 url(images/toolbar/toolbar.gif) repeat-x 0 0;
}


/*----------------------------------- tools ----------------------------------*/

.gr-tools .gr-tools-collapse
{
    background:url(images/tools/collapse.gif) no-repeat 50% 50%;
    width:15px;	
}
.gr-tools .gr-tools-expand
{
    background:url(images/tools/expand.gif) no-repeat 50% 50%;
    width:15px;	
}
.gr-tools-close
{
    background:url(images/tools/close.gif) no-repeat 50% 0px;
    width:15px;	
}


/*----------------------------------- toolbar ----------------------------------*/

.gr-toolbar
{
    border:solid 1px #99bce8;
    background:#f0f0f0 url(images/toolbar/toolbar.gif) repeat-x 0 0;
}
.separator
{
    border-left:solid 1px #A8A8A8;    
}

/*----------------------------------- button ----------------------------------*/

.gr-button
{
	background:url(images/button/button.gif) repeat-x 0px 50%;
	border:solid 1px #b5afaf;	
    color:#222;
}
body a:hover.gr-button
{
	background:#e2f2fe url(images/button/hover.gif) repeat-x 0px 50%;
	border:solid 1px #80a4d0;	         
}
body .gr-button-pressed, body a:hover.gr-button-pressed,
body .gr-button-checked, body a:hover.gr-button-checked,
body a.gr-button-popup, body a:hover.gr-button-popup
{
	background:#bacee4 url(images/button/pressed.gif) repeat-x 0px 50%;	
	border-color:#7a9ac4;
}
body .gr-button-disabled, body a:hover.gr-button-disabled
{
    border-color:#E1E2E5;
    color:#BABAC1;
    background:#F8F9FA url(images/button/disabled.png) repeat-x 0 0px;       
}


/*----------------------------------- textbox ----------------------------------*/
.gr-textbox-input
{
    background:white url(images/buttonedit/text-bg.gif) repeat-x 0px top;
	border:solid 1px #b5b8c8;        
}
body .gr-textbox-focus .gr-textbox-input
{
    border-color: #7eadd9;
}


/*----------------------------------- buttonedit ----------------------------------*/

.gr-buttonedit-border
{
	background:white url(images/buttonedit/text-bg.gif) repeat-x 0px top;
	border-color:#b5b8c8;    
}
body .gr-buttonedit-focus .gr-buttonedit-border
{
    border-color: #7eadd9;
}
.gr-buttonedit-button
{
	background:url(images/buttonedit/btn.gif) repeat-x 0px 50%;		
	border:#b5b8c8 1px solid;   
	padding:0;
}
.gr-buttonedit-button-hover,
.gr-buttonedit-hover .gr-buttonedit-button
{
    background:url(images/buttonedit/btn-hover.gif) repeat-x 0 50%;	
	border-color:#80a4d0;
}
.gr-buttonedit-button-pressed,
.gr-buttonedit-popup .gr-buttonedit-button
{
    background:url(images/buttonedit/btn-pressed.gif) repeat-x 0 50%;	
	border-color:#80a4d0;
}
.gr-popupedit .gr-buttonedit-icon
{
    background:url(images/buttonedit/arrow.gif) no-repeat  1px 2px;
}
.gr-datepicker .gr-buttonedit-icon
{
    background:url(images/buttonedit/date.gif) no-repeat  1px 2px;
}


/*------------------------- panel -----------------------*/

.gr-panel-border
{    
    border:1px solid #99bce8;     
}
.gr-panel-header
{
    height:25px;
    background:#E3E6E8 url(images/panel/header.gif) repeat-x 0 0px;
    color:#04408c;
    font-weight:bold;
    border-bottom:solid 1px #99bce8;
}
.gr-panel-header-inner
{
   padding-top:4px;
}
.gr-panel-toolbar
{
    border-bottom:solid 1px #99bce8;
    background:#D3E1F1;
}

.gr-panel-footer
{
    border-top:solid 1px #99bce8;
    background:#D3E1F1;
}

.gr-panel-collapse .gr-tools-collapse
{
    background:url(images/tools/expand.gif) no-repeat 50% 50%;
}


/*----------------------------- window -------------------------*/
.gr-window .gr-panel-header
{
    background:#E3E6E8 url(images/window/header.gif) repeat-x 0 0px;
}
.gr-window .gr-panel-footer
{
    background:#D3E1F1;
}


/*------------------- navbar ------------------*/
.gr-outlookbar-border
{
    border:1px solid #99bce8;         
}
.gr-outlookbar .gr-outlookbar-groupHeader
{
    background:#d9e8fb url(images/navbar/header.gif) repeat-x 0 0;    
    border-color:#99bce8;
}
.gr-outlookbar .gr-outlookbar-groupTitle
{
    color:Black;
    font-weight:normal;
}
.gr-outlookbar .gr-outlookbar-group 
{
    border-color:#99bce8;
}
.gr-outlookbar .gr-outlookbar-groupBody
{    
    border-color:#99bce8;
}
/* view2 */
.gr-outlookbar-view2 .gr-outlookbar-groupHeader
{
    border:solid 1px #99bce8; 
}
.gr-outlookbar-view2 .gr-outlookbar-groupBody
{    
    background:#fff;
}
/* view3 */
.gr-outlookbar-view3 .gr-outlookbar-group
{
    border:solid 1px #99bce8; 
}

.gr-outlookbar .gr-tools-collapse
{
    width:15px;	
}
.gr-outlookbar .gr-outlookbar-expand .gr-tools-collapse
{
    background:url(images/navbar/expand.gif) no-repeat 50% 50%;   
}
.gr-outlookbar .gr-outlookbar-collapse .gr-tools-collapse
{
    background:url(images/navbar/collapse.gif) no-repeat 50% 50%;   
}


/*----------------------- splitter -----------------------*/
.gr-splitter-border
{
    border:solid 1px #99bce8;     
}
.gr-splitter .gr-splitter-pane1{
    border-color:#99bce8;
}
.gr-splitter .gr-splitter-pane2{
    border-color:#99bce8;
}

/*----------------------- layout -----------------------*/
.gr-layout-border
{
    
}
.gr-layout-region
{
    border-color:#90b5e3;    
}
.gr-layout-region-header
{
    background:url(images/layout/header.gif) repeat-x 0 0;
    border-bottom:solid 1px #99bce8;
}
.gr-layout-proxy
{
    border-color:#90b5e3;
    background:#D2E0F2;
}
.gr-layout-proxy-hover
{
    background:#e1f0f2;    
}

.gr-layout-region-west .gr-tools-collapse
{
    background:url(images/layout/west.gif) no-repeat 50% 50%;
}
.gr-layout-region-east .gr-tools-collapse
{
    background:url(images/layout/east.gif) no-repeat 50% 50%;
}
.gr-layout-region-north .gr-tools-collapse
{
    background:url(images/layout/north.gif) no-repeat 50% 50%;
}
.gr-layout-region-south .gr-tools-collapse
{
    background:url(images/layout/south.gif) no-repeat 50% 50%;
}

.gr-layout-proxy-west .gr-tools-collapse
{
    background:url(images/layout/east.gif) no-repeat 50% 50%;
}
.gr-layout-proxy-east .gr-tools-collapse
{
    background:url(images/layout/west.gif) no-repeat 50% 50%;
}
.gr-layout-proxy-north .gr-tools-collapse
{
    background:url(images/layout/south.gif) no-repeat 50% 50%;
}
.gr-layout-proxy-south .gr-tools-collapse
{
    background:url(images/layout/north.gif) no-repeat 50% 50%;
}

/*------------------------- menu --------------------------------*/

.gr-menu
{
	background:#f0f0f0 url(images/menu/menu.gif) repeat-y -5px 0;		
	border-color:#89b1e4;
    color:black;
}
.gr-menuitem
{
    line-height:20px;    
}
.gr-menuitem-hover
{
    border-color:#80a4d0;
	background:#d6e6fa url(images/menu/hover.gif) repeat-x;	
}
.gr-menu-popup
{
    border-color:#80a4d0;
	background:#d6e6fa url(images/menu/hover.gif) repeat-x;	
}
.gr-menuitem-selected
{
    border-color:#80a4d0;
    background:#DBDDE2 url(images/menu/pressed.png) repeat-x 0 0;
}
.gr-menuitem-text, .gr-menuitem-text a
{
    color:black;
}
.gr-separator
{
    border-top:solid 1px #8EAADE;
}

/* menu horizontal */
.gr-menu-horizontal .gr-menu-inner
{
    background:#d3e1f1 url(images/menu/hmenu.gif) repeat-x 0 0;
}
.gr-menu-horizontal .gr-menuitem-hover
{
    border:solid 1px #80a4d0;
    background:#d6e6fa url(images/menu/hover.gif) repeat-x;	
}
.gr-menu-horizontal  .gr-menu-popup
{
    border:solid 1px #80a4d0;
    background:#d6e6fa url(images/menu/hover.gif) repeat-x;	
    border-bottom:0px;
}

/*---------------------- listbox -----------------------------*/
.gr-listbox-border
{    
    border:#98c0f4 1px solid;
}
.gr-listbox-border td
{
    line-height:20px;       
}
.gr-listbox-item td{
	border-top:white 1px dotted;
	border-bottom:white 1px dotted;	
}
.gr-listbox-item-hover td{
    background:#dfe8f6;
	border-top:#8eabe4 1px dotted;
	border-bottom:#8eabe4 1px dotted;
}
.gr-listbox-item-selected td{
	background:#cbdaf0;
	border-top:#8eabe4 1px dotted;
	border-bottom:#8eabe4 1px dotted;
}
.gr-listbox-header
{
    background:#E7EBEF url(images/listbox/header.png) repeat-x 0 0;    
    border-bottom:solid 1px #a5acb5;
}

/*------------------- treegrid --------------------*/
.gr-treegrid-border
{
    border:1px solid #98c0f4;
}

.gr-treegrid-header
{
    border-bottom:none;
}
.gr-treegrid-headerInner
{
    background:#E7EBEF url(images/treegrid/header.png) repeat-x 0 0;
}
.gr-treegrid td
{
    border-right:solid 1px #d0d0d0;
    border-bottom:solid 1px #d0d0d0;        
}
.gr-treegrid-header td
{
    border-right:solid 1px #d0d0d0;
}

.gr-treegrid-selectedNode
{
	background:#cbdaf0;
}
.gr-treegrid-hoverNode
{
    background:#dfe8f6;
}
/*
.gr-treegrid-expand .gr-treegrid-ec-icon
{
	background-image:url(images/treegrid/expand.gif);
	background-position:50% 50%;
}
.gr-treegrid-collapse .gr-treegrid-ec-icon
{
	background-image:url(images/treegrid/collapse.gif);
	background-position:50% 50%;
}*/
.gr-treegrid-leaf
{
    background-image:url(images/treegrid/file.png);
}
.gr-treegrid-folder
{
    background-image:url(images/treegrid/folder.gif);
}

/*---------------------- calendar -----------------------------*/
.gr-calendar
{    
    border:1px solid #98c0f4;       
}
.gr-calendar-header
{   
    background:#cad8ec url(images/calendar/footer.gif) repeat-x 0 0;    
    border-bottom:solid 1px #9bb5d3;    
}
.gr-calendar-footer
{
    border-top:solid 1px #b2d1f5;
    background:#cad8ec url(images/calendar/footer.gif) repeat-x 0 0;    
}
.gr-calendar-tadayButton, .gr-calendar-clearButton,
.gr-calendar-okButton, .gr-calendar-cancelButton
{
	background:url(images/button/button.gif) repeat-x 0px 50%;
	border:solid 1px #b5afaf;	
    color:#222;
}
.gr-calendar-menu-selected, a:hover.gr-calendar-menu-selected
{
    color:#333;
    background:#dae5f3;
    border:solid 1px #8db2e3;
}

.gr-calendar .gr-calendar-selected
{
    color:#333;
    background:#dae5f3;
    border:solid 1px #8db2e3;
}
.gr-calendar .gr-calendar-today
{
    border:1px solid #C00000;
}
.gr-calendar-daysheader td
{border-bottom:solid 1px #b2d1f5;    
}
    
/*---------------------- tabs -----------------------------*/

.gr-tabs-headers
{
    border-color:#8CB2E2;
    background:#f0f0f0 url(images/toolbar/toolbar.gif) repeat-x 0 0;
}

.gr-tabs-leftButton, .gr-tabs-rightButton
{
    border:solid 1px #b5afaf;
    background-color:#EBEBEE;
}
a:hover.gr-tabs-leftButton,a:hover.gr-tabs-rightButton
{
    border:solid 1px #80a4d0;
    background-color:#E1E8FD;
}
/* top */
.gr-tabs-bodys
{
    border-color:#8CB2E2;
}
.gr-tabs-space
{
    border-color:#8CB2E2;
}
.gr-tabs-space2
{
    border-color:#8CB2E2;
}

.gr-tab
{
    background: #EBEBEE url(images/tabs/tab.gif) repeat-x 0 0;  
    border: 1px solid #8CB2E2;
    color: #333;    
    
}
.gr-tab-hover
{    
    background:#E1E8FD url(images/tabs/hover.gif) repeat-x 0 0; 
}
.gr-tab-active
{
    border-bottom:solid 1px #deecfd;
    background:#E1E8FD url(images/tabs/pressed.gif) repeat-x 0 0;  
}

/* bottom */
.gr-tabs-position-bottom .gr-tabs-space,
.gr-tabs-position-bottom .gr-tabs-space2
{
    border:0;
    border-top: 1px solid #8CB2E2;
}
.gr-tabs-position-bottom .gr-tabs-bodys
{    
    border:solid 1px #99bce8;
    border-bottom:0;
}
.gr-tabs-position-bottom .gr-tab-active
{
    border-top:solid 1px white;
    border-bottom:solid 1px #99bce8;
}

/* left */
.gr-tabs-position-left .gr-tabs-space,
.gr-tabs-position-left .gr-tabs-space2
{
    border:0;
    border-right: 1px solid #99bce8;
}
.gr-tabs-position-left .gr-tabs-bodys
{
    border:solid 1px #99bce8;
    border-left:0;
}
.gr-tabs-position-left .gr-tab-active
{    
    border:solid 1px #99bce8;
    border-right:solid 1px white;
}

/* right */
.gr-tabs-position-right .gr-tabs-space,
.gr-tabs-position-right .gr-tabs-space2
{
    border:0;
    border-left: 1px solid #99bce8;
}
.gr-tabs-position-right .gr-tabs-bodys
{    
    border:solid 1px #99bce8;
    border-right:0;
}
.gr-tabs-position-right .gr-tab-active
{    
    border:solid 1px #99bce8;
    border-left:solid 1px white;
}

/*---------------------- tree -----------------------------*/


.gr-tree-hottrack .gr-tree-node-hover
{
    background:url(images/tree/button.gif) repeat-x 0px 50%;
	border:solid 1px #b5afaf;		  
}
.gr-tree-selectedNode .gr-tree-nodeshow
{
    background:#e2f2fe url(images/tree/hover.gif) repeat-x 0px 50%;
	border:solid 1px #80a4d0;	
}

.gr-tree-leaf
{
    background-image:url(images/tree/leaf.gif);
}
.gr-tree-folder
{
    background-image:url(images/tree/folder.gif);
}
.gr-tree-expand .gr-tree-folder
{
    background-image:url(images/tree/folder-open.gif);
}

/*------------------- grid --------------------*/
.gr-grid-border
{
    border-color:#99bce8;
}
.gr-grid-header
{
    background:url(images/grid/header.gif) repeat-x scroll left top #e2e4e6;
}
.gr-grid-headerCell, .gr-grid-topRightCell
{
    background:url(images/grid/header.gif) repeat-x scroll left top #e2e4e6;
    border-right:#c5c5c5 1px solid;
    border-bottom:#c5c5c5 1px solid;
}
.gr-grid-cell
{
    border-color:#d0d0d0;
    border-bottom-color:#d0d0d0;
}
.gr-grid-footer
{
    border-top:solid 1px #99bce8;    
    background:url(images/grid/footer.gif) repeat-x scroll left top #d4e2f1;
}


body .gr-grid-row-hover, body .gr-grid-row-hover .gr-grid-frozenCell
{
    background:#ecedef;    
}
body .gr-grid-row-selected, body .gr-grid-row-selected .gr-grid-frozenCell
{
    background:#dfe8f6;		
}

/*------------------- pager --------------------*/
.gr-pager-first
{    
    background:url(images/pager/first.gif) no-repeat;
}
.gr-pager-prev
{
    background-image:url(images/pager/prev.gif);
}
.gr-pager-next
{
    background-image:url(images/pager/next.gif);
}
.gr-pager-last
{
    background-image:url(images/pager/last.gif);
}